 var htmlwp = require('html-webpack-plugin');
module.exports={
  entry:'./src/main.js',  //指定打包的入口文件
  output:{
  	path : __dirname+'/dist',  // 注意：webpack1.14.0 要求这个路径是一个绝对路径
  	filename:'build.js'
  },
  module:{
    loaders:[
      {
        test:/\.css$/,
        loader:'style-loader!css-loader'
      },
      {
        test:/\.scss$/,
        loader:'style-loader!css-loader!sass-loader'
      },
      {
        test:/\.less$/,   //打包 .less文件
        loader:'style-loader!css-loader!less-loader'
      },
      {
        test:/\.(png|jpg|gif|ttf)$/,     //打包URL请求资源文件
        loader:'url-loader?limit=40000'  //limit表是示图片的大小为40k临界值
      },
      // {
      //   test:/\.js$/,  //将js文件中的es6语法转换成es5语法
      //   loader:'babel-loader',
      //   exclude:/node_modules/
      // },
      {
        test:/\.vue$/,     //解析.vue组建页面文件
        loader:'vue-loader'  
      }
    ]
  },
  // babel:{
  //    presets: ['es2015'],  //配置将es6转换为es5语法
	// 	 plugins: ['transform-runtime']  //这句代码就是为了解决打包.vue文件不报错
  // },
  plugins:[
    new htmlwp({
      title:'首页', //生成的页面标题<head><title>首页</title></head>
      filename:'index.html',//webpack-dev-server在内存中生成的文件名称
      template:'index1.html' //根据index1.html这个模板来生成
    })
  ]
}